@charset "utf-8";

/*   @media  */


@media (max-width:480px){
	.adverCon{
		width:100%;
		margin:20px auto;
	}
	.adver-group{
		float:none;
		width:100%;
		min-height:auto;
		margin:0;
		margin-top:30px;
	}
	.ad-left{
		width:76px;
		height:76px;
		padding:9px;
	}
	.ad-right{
		width:62%;
	}
	.med-circle, .med-1, .med-3{
		display:none;
	}
	.med-group{
		width:100%;
		margin-top:30px;
	}
	.med-group:nth-of-type(1){
		margin-top:30px;
	}
	.med-text{
		height:auto;
	}
	.med-2{
		background:none;
		width:100%;
		padding:10px;
		border:1px #555 dotted;
	}
	.text-fl span{
		width:auto;
		float:none;
		display:block;
	}
	.con-pc{
		width:100%;
		margin-left:0;
		margin-top:40px;
	}
	.allPic{
		position:absolute;
		left:10%;
		top:10%;
		width:80%;
		height:80%;
		background-color:rgba(0,0,0,.2);
		opacity:0;
		filter:alpha(opacity=0);
		
		-webkit-animation:zoomIn .6s ease forwards;
		-moz-animation:zoomIn .6s ease forwards;
		-ms-animation:zoomIn .6s ease forwards;
		-o-animation:zoomIn .6s ease forwards;
			animation:zoomIn .6s ease forwards;
	}
	.swiper-slide, #particles{
		height:240px;
	}
	.swiper-slide:nth-of-type(1){
		background-size:200% 100%;
	}
	.carousel-indicators{
		bottom:0;
	}
	.pic1{
		left:33%;
		top:16%;
		width:36%;
	}
	.pic2{
		left:5%;
		top:50%;
		width:86%;
	}
	a.freeBtn{
		left:30%;
		top:72%;
		width:136px;
		height:36px;
	}
	.pic5{
		left:10%;
		top:30%;
		width:80%;
	}
	.pic6{
		left:5%;
		top:50%;
		width:90%;
	}
	.list-tab li{
		width:30%;
	}
	.list-con{
		width:100%;
		margin:50px auto 0;
	}
	.area-left{
		width:100%;
	}
	.area-right{
		display:none;
	}
	.area-1{
		display:none;
	}
	.area-box{
		margin-bottom:20px;
	}
	.atop1, .atop2{
		margin-top:0;
	}
	.area-2{
		width:100%;
		padding-left:20px;
	}
	
	.ny-advType{
		min-height:auto;
	}
	.ny-advType > img, .ny-advType > div{
		position:static;
	}
	.app1{
		width:100%;
	}
	.ny-app-1, .ny-app-2, .ny-app-3, .ny-app-4{
		width:96%;
	}
	.ny-app-1, .ny-app-3{
		margin-left:26px;
		padding:30px 0;
	}
	.ny-app-2, .ny-app-4{
		margin-left:20px;
		padding-top:40px;
	}
	.adv-title{
		font-size:3.6rem;
		line-height:4rem;
	}
	.adv-data{
		font-size:1.4rem;
		line-height:2.6rem;
	}
	.adv-descr{
		display:none;
	}
	.app2{
		margin-left:5%;
		width:90%;
	}
	.app3{
		margin-left:5%;
		width:90%;
	}
	.wap1, .wap2{
		width:80%;
		margin-left:32px;
	}
	.ny-wap-1, .ny-wap-2{
		width:auto;
		padding-top:30px;
		margin-left:54px;
	}
	.ny-advType.ny-pc{
		min-height:auto;
		padding-top:30px;
	}
	.pc1, .pc2{
		width:90%;
		margin-left:18px;
	}
	.ny-pc-1, .ny-pc-2{
		width:auto;
		padding:20px 0;
		margin-left:60px;
	}
	
	footer .container{
		padding:0 10px;
	}
	.foot-right{
		width:auto;
		border-left:0;
		padding-left:0;
	}
	.foot-menu{
		margin-top:0;
	}
	.bn1_title{
		font-size: 3rem;
		line-height: 3rem;
	}
	.bn1_descript{
		font-size: 16px;
		margin: 14px 0;
		letter-spacing: 4px;
	}
	.bn1_btn{
		font-size: 20px;
		border-width: 3px;
		padding: 6px 36px;
	}
	.footerMenu h4{
		font-size: 14px;
		padding-bottom: 12px;
	}
	.footerMenu p{
		font-size: 10px;
		line-height: 22px;
	}
	.footerMenu .col-xs-6{
		padding: 0 10px;
	}
	.mtl{
		margin: 0;
	}
	.slide-img{
		margin: 30px auto;
	}
	.yxCon>div{
		margin: 10px 0;
	}
	.yx-img img{
		width: 100%;
		margin-top: 24px;
	}
	.yx-text h3{
		font-size: 18px;
		margin: 10px 0 4px;
	}
	.yx-text p{
		font-size: 13px;
		line-height: 22px;
	}
	.bn2Pos{ 
		top: 70px; 
		right: 10px;
	}
	.bn2_title{
		font-size: 2.5rem;
		margin-bottom: 10px;
	}
	.bn2_descript{
		width: 244px;
		font-size: 12px;
		line-height: 16px;
	}
	.bn3_descript{
		font-size: 14px;
		line-height: 22px;
		padding-top: 10px;
	}
	.slide-img.pic7{
		margin: -10px auto 10px;
	}
	.bn4_descript{
		letter-spacing: 4px;
		font-size: 12px;
		margin-top: 12px;
	}
	.bn4_descript strong{
		font-size: 16px;
	}
	
}

@media (max-width:361px){
	.foot-logo, .foot-right{
		display:none;
	}
	.foot-menu{
		padding-top:0px;
	}
	.ny-app-1, .ny-app-2, .ny-app-3, .ny-app-4{
		margin-left:10px;
	}
	footer .container{
		padding: 0 4px;
	}
	footer .row{
		margin: 0 -3px;
	}
	.footerMenu .col-xs-3, .footerMenu .col-xs-6, .footerMenu .col-xs-9{
		padding: 0 3px;
	}
	.social-links a{
		padding: 0 4px 0 3px;
	}
	.social-links i{
		font-size: 18px;
	}
	#back-to-top{
		right: 10px;
		bottom: 20px;
	}
	#back-to-top img{
		width: 30px
	}
	.login{
		right: 10px !important;
	}
	.bn1_descript{
		font-size: 13px;
	}
	.dataAdvantage h3{
		font-size: 22px;
		margin: 18px 0 0;
	}
	.dataAdvantage p{
		font-size: 14px;
	}
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1100px;
  }
}
@media (min-width: 1200px){
	.header {
		
	}
}


@media (min-width: 481px) and (max-width: 769px){
	.adverCon{
		width:100%;
	}
	.adver-group{
		width:344px;
		min-height:180px;
		margin:0;
		margin-right:16px;
	}
	.ad-right{
		width:230px;
		margin-left:18px;
	}
	.ad-right p{
		font-size:1.3rem;
	}
	.med-group{
		width:740px;
	}
	.med-2{
		width:580px;
	}
	.text-fl span{
		width:210px;
	}
	.con-pc{
		width:360px;
		margin:40px auto 0;
	}
	.pic1{
		left:3%;
		top:20%;
		width:14%;
	}
	.pic2{
		left:3%;
		top:44%;
		width:44%;
	}
	.pic5{
		left:15%;
		top:28%;
		width:70%;
	}
	.pic6{
		left:22%;
		top:56%;
	}
	a.freeBtn{
		left:5%;
		top:66%;
	}
	.list-con{
		margin:80px auto 0;
	}
	.area-right{
		width:330px;
		height:266px;
		margin-top:50px;
	}
	.swiper-slide, #particles{
		height:300px;
	}
	.swiper-slide:nth-of-type(1){
		background-size:112% 100%;
	}
	.swiper-slide:nth-of-type(2){
		background-size:100% 100%;
	}
	.foot-right{
		width:auto;
		padding-left:22px;
	}
	
	.app1{
		left:-80px;
		width:60%;
	}
	.app2{
		right:0;
		width:48%;
	}
	.app3{
		left:20px;
		width:70%;
	}
	.ny-app-1{
		right:0;
		top:90px;
		
	}
	.ny-app-2{
		left:0;
		top:110px;
		width:340px;
	}
	.ny-app-3{
		right:0;
		top:60px;
		width:340px;
	}
	.ny-app-4{
		width:336px;
		top:160px;
	}
	.wap1{
		left:20px;
		width:50%;
	}
	.wap2{
		right:20px;
		width:50%;
	}
	.ny-wap-1{
		right:48px;
		top:300px;
		width:auto;
	}
	.ny-wap-2{
		left:48px;
		top:300px;
		width:auto;
	}
	.ny-advType.ny-pc{
		min-height:460px;
	}
	.pc1{
		width:50%;
		left:10px;
	}
	.pc2{
		width:50%;
		right:16px;
	}
	.ny-pc-1, .ny-pc-2{
		top:138px;
		width:auto;
	}
	.ny-pc-1{
		right:48px;
	}
	.ny-pc-2{
		left:48px;
	}
	.bn1_title{
		font-size: 5rem;
		line-height: 5rem;
	}
	.bn1_descript{
		font-size: 18px;
		margin: 20px 0;
	}
	.bn1_btn{
		font-size: 20px;
	}
	.max-width-280{
		max-width: 220px;
	}
	.login{
		right: 120px !important;
	}
	.bn2Pos{ 
		top: 40px; 
		right: 10px;
	}
	.bn2_title{
		font-size: 3.5rem;
		margin-bottom: 20px;
	}
	.bn2_descript{
		width: 344px;
	}
	.ll-title{
		text-align: center;
	}
	
}




@media (max-width: 769px){
	.header{
		overflow: hidden;
	}
	.headerCon:before{
		content: "";
		position: absolute;
		left: 0;
		top: 70px;
		width: 100%;
		height: 1px;
		background-color: #e1e1e1;
	}
	.headerCon:after{
		content: "";
		position: absolute;
		left: 50%;
		top: 96px;
		width: 1px;
		height: 60%;
		background-color: #e1e1e1;
	}
	.languageMenu{
		left: 0;
	}
	.login{
		float: none;
		position: absolute;
		right: 30px;
		top: 110px;
		height: 100%;
		width:122px;
		margin-top:22px;
	}
	.login-icon{
		height:36px;
		margin-top: 26px;
		float: none;
	}
	.login i{
		width:36px;
		height:36px;
		line-height:34px;
		font-size:2rem;
	}
	.short-line{
		display: none;
	}
	.sidenav-header, .sidenav-menu>li>ul, .sidenav-dropdown-icon, .nav.sidenav,a.toggle{
		display:block;
	}
	.header ul.sidenav-menu{
		position:static;
		height:auto;
	}
	.nav{
		float: none;
		position: absolute;
		left: 26px;
		top: 86px;
	}
	.nav>ul>li,  .language{
		float: none;
	}
	.nav>ul>li>a{
		width:auto;
		font-size:1.5rem;
		line-height: 32px;
		text-align: left;
	}
	.nav>ul>li>a:hover{
		color: #333;
	}
	.nav>ul>li:after,.nav>ul>li:before,.nav>ul>li.over:after,.nav>ul>li:hover:after,.nav>ul>li.over:before,.nav>ul>li:hover:before {
		display:none;
	}
	
	.nav .sidenav-dropdown a{
		font-size:1.4rem;
		color:#bf9b0c
	}
	.mediaSource{
		height:auto;
		overflow:auto;
	}
	.mediaLeft,.mediaRight{
		width:100%;
		height:auto;
		float:none;
	}
	.arrow{
		left:50%;
		top:0;
		width:40px;
		height:0;
		margin-left:-20px;
		margin-top:0;
		border-width:20px 20px 0 20px;
		border-color:#fff transparent transparent transparent;
	}
	.Tab2{
		position:static;
		width:100%;
		margin:16px auto 6px;
		text-align:center;
	}
	.Tab2 a{
		display:inline-block;
		width:auto;
		padding:0 24px;
		margin-top:20px;
	}
	.con-app, .con-wap{
		margin:22px auto 0;
	}
	.con-pc img, .case-img img{
		width:100%;
		overflow:hidden;
	}
	.sli3 {
		margin-top:0;
		margin-bottom:0;
		height:auto;
	}
	.p9{
		position:static;
		width:100%;
		height:auto;
		margin-top:20px;
	}
	.foot-menu{
		padding-top:24px;
		float:none;
		clear:both;
	}
	.foot-menu li a{
		line-height:2rem;
	}
	.foot-text{
		line-height:1.6rem;
		margin-top:12px;
	}
	.p1,.p2,.p5,.p6,.p7,.p8{
		display:none !important;
	}
	.pictures{
		width:280px;
		height:280px;
		margin:40px auto 0;
		overflow:inherit;
	}
	.pictures span.p3{
		width:220px;
		height:220px;
		left:30px;
	}
	.pictures span > img{
		left:64px;
		top:65px;
	}
	.pictures span div{
		display:block;
	}
	.grayBg .slide-title{
		padding-top:30px;
	}
	.sli3 .slide-des{
		width:auto;
	}
	.banner{
		height: 280px;
	}
	.swiper-slide .container{
		height:100%;
	}
	.swiper-button-prev, .swiper-button-next{
		display:none;
	}
	#particles{
		width:100%;
	}
	.pic3, .pic4{ display:none;}
	.intro{
		
	}
	.intro h1{
		font-size:4rem;
	}
	.intro h1:after{
		margin:30px auto 20px;
	}
	
	#cd-timeline:before{
		left:10px;
		margin-left:0;
	}
	.cd-topCircle, .cd-timeline-circle{
		left:10px;
	}
	.cd-topCircle{
		margin-left:-10px;
	}
	.cd-timeline-circle{
		margin-left:-5px;
	}
	.cd-timeline-content{
		width:90%;
		float:right;
	}
	.cd-timeline-block:nth-child(odd) .cd-timeDir{
		float:none;
	}
	.cd-timeline-block:nth-child(odd) .cd-timeline-content p{
		text-align:left;
	}
	.cd-timeline-block:nth-child(odd) .cd-timeDir .cd-arrow{
		left:auto;
		right:100%;
		border-color:transparent;
		border-right-color:#505050;
	}
	.panel-body{
		padding:30px 20px;
	}
	/*.space1 .slide-title{
		padding-top:0;
	}*/
	.sli3 .slide-title{ padding-top:20px;}
	.social-show-phone{
		display: block;
		padding-top: 60px;
	}
	.social-hide-phone{
		display: none;
	}
	.copyright{
		margin: 50px 0 20px;
	}
	.dataAdvantage .col-xs-6:nth-of-type(3), .dataAdvantage .col-xs-6:nth-of-type(4){
		padding-top: 20px;
	}
	.adPannel{
		margin-bottom: 20px;
	}
	.advertPerson{
		padding: 40px 0 0;
	}
	.advertPerson .w60{
		width: 100%;
		float: none;
	}
	.advertPerson .w60 img{
		width: 100%;
		height: auto;
		margin-top: 14px;
	}
	.advertPerson .w40{
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	.adp1 .adTitle, .adp2 .adTitle{
		margin-top: 0px;
		text-align: center;
	}
	.liul img{
		width: 100%;
		margin: 0;
	}
	.ll-title, .case-text{
		float: none;
		width: auto;
		margin: 0;
	}
	.liuliang{
		width: auto;
	}
	.case-img{
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto 40px;
	}
	.carousel-indicators{
		bottom: 20px;
	    left: 0;
	    width: 100%;
	    margin: 0;
	}
	.carousel{
		padding-top: 50px;
	}
	.case-text{
		text-align: center;
	}
	.systemBg{
		background-image: none;
		background-color: #f7f7f7;
		height: auto;
		padding-bottom: 30px;
		overflow: hidden;
	}
	.systemCon{
		width: 100%;
		padding-top: 24px;
	}
	.s1{
		width: auto;
	}
	.s2{
		margin-bottom: 0;
	}
	.s3 div{
		margin-top: 20px;
	}
	.picCenter{
		margin: 18px auto;
	}
	.picCenter img{
		width: 100%;
	}
	.bn3Line{
		display: none;
	}
	.videoClass{
		width: 100%;
		background-color: #f7f7f7;
	}
	.bn5Pos{
		right: 20px;
		top: 80px;
		width: auto;
		text-align: center;
	}
	.bn5Pos:before, .bn5Pos:after{
		display: none;
	}
	.bn5_title{
		font-size: 4.6rem;
	}
	.bn5_descript{
		font-size: 14px;
		padding-left: 0;
	}



}





